<template>
  <div class="about_us">
    <head-top head-title="关于我们" goBack="true"></head-top>
    <div class="company">
      <span>公司介绍</span>
    </div>
    <div class="company_content">
      <p>
        杭州云耐信息技术有限公司，成立于2015年，公司是一家以互
        联网及社区治理业主大会第三方服务公司。主要服务受聘于政府
        和业委会等，以公平、公正的第三方服务，筹备首届业主大会和
        业委会换届、物业选聘及招投标顾问、政府部门顾问、业委会顾问、
        小区设施设备的查验等服务工作，通过上述服务提高小区生活品质。
        2017年公司成功申报业主大会会务服务ISO 9001标准质量认证体系，
        目前是全国唯一一家申报业主大会会务服务ISO 9001标准质量认证体
        系的公司。在第三方的市场中树立起一面旗帜， 推动社区治理健康有
        序的发展。提供（业主大会）会务服务作 为小区召开业主大会会议新
        的标准化、规范化流程，为业主大 会、业主委员会等工作建立了规范
        的模式，必将对业主、小区 推动社区治理与服务创新。创建和谐社区，
        群众满意的生活居 住环境、云耐信息目前已经在全国多地推广公司相
        关的第三方 服务业务。对于这一新兴行业，走进社区，服务于广大业主，
        为政府和业委会排忧解难，市场的需求年年递增，我们云耐信息始终保持
        着健康、良好、稳步、持续的发展势头。
      </p>
    </div>
    <div class="team">
      <div class="our_team">
        <span>我们的团队</span>
      </div>
      <div class="class_one">
        <div class="department">
          <span>行政部</span>
        </div>
        <div class="department_content">
          <p>
            行政部是支撑公司正常运转的中枢部门，承担着上传下达、
            协调沟通、保障服务的基本职能，涉及的工作事项琐碎、繁
            杂，要求岗位从业人员 具备高度的责任心，良好的沟通能力、
            协调能力和学习能力，并形成耐心、细致、高效的工作习惯。
            由行政部负责带领的团队，各自有着明确的分工，各司其职，
            同时又相互的配合，全面的推进各项工作。
          </p>
        </div>
      </div>
      <div class="class_two">
        <div class="telephone ">
          <span>话务部</span>
        </div>
        <div class="telephone_content">
          <p>
            话务部作为公司会务工作的强有力的支撑，秉承公司卓越的服务理念，
            为客户提供一流的服务品质。本着 "以诚为本、客户至上"的服务理念，
            和"一切为了客户满意"的服务宗旨，保证业主大会会务的服务需求，随
            时了解客户需求，随时沟通、掌握客户资源和服务质量等状况。
          </p>
        </div>
      </div>
      <div class="class_three">
        <div class="meeting">
          <span>会务部</span>
        </div>
        <div class="meeting_content">
          <p>
            话务部作为公司会务工作的强有力的支撑，秉承公司卓越的服务理念，
            为客户提供一流的服务品质。本着 "以诚为本、客户至上"的服务理念，
            和"一切为了客户满意"的服务宗旨，保证业主大会会务的服务需求，随
            时了解客户需求，随时沟通、掌握客户资源和服务质量等状况。
          </p>
        </div>
      </div>
    </div>
    <div class="QR_code">
      <div class="code_title">
        <span>公司二维码</span>
      </div>
      <div class="code_img">
        <img src="./images/erweima1@2x.png" alt="">
      </div>
    </div>
  </div>
</template>
<style lang="scss">
  @import "../../common/sass/index.scss";

  .about_us {
    width: 100%;
    padding-top: 40px;
    background: #fff;
    .company {
      width: 100%;
      height: 43px;
      background: url("./images/xiantiao@2x.png") no-repeat;
      background-position: left;
      span {
        font-size: 15px;
        line-height: 43px;
        margin-left: 15px;
      }
    }
    .company_content {
      width: 96%;
      margin-left: 2%;
      p {
        font-size: 13px;
        line-height: 25px;
      }
    }
    .team {
      .our_team {
        width: 100%;
        height: 43px;
        background: url("./images/xiantiao@2x.png") no-repeat;
        background-position: left;
        span {
          font-size: 15px;
          line-height: 43px;
          margin-left: 15px;
        }
      }
      .class_one {
        .department {
          width: 100%;
          height: 40px;
          span {
            font-size: 14px;
            margin-left: 10px;
            line-height: 40px;
          }
        }
        .department_content {
          width: 96%;
          margin-left: 2%;
          p {
            font-size: 13px;
            line-height: 25px;
          }
        }
      }
      .class_two{
        .telephone{
          width: 100%;
          height: 40px;
          span{
            font-size: 14px;
            line-height: 40px;
            margin-left: 10px;
          }
        }
        .telephone_content{
          width: 96%;
          margin-left: 2%;
          p{
            font-size: 13px;
            line-height: 25px;
          }
        }
      }
      .class_three{
        .meeting{
          width: 100%;
          height: 40px;
          span{
            font-size: 14px;
            line-height: 40px;
            margin-left: 10px;
          }
        }
        .meeting_content{
          width: 96%;
          margin-left: 2%;
          p{
            font-size: 13px;
            line-height: 25px;
          }
        }
      }
    }
    .QR_code{
      width: 100%;
      .code_title{
        width: 100%;
        height: 40px;
        background: url("./images/xiantiao@2x.png") no-repeat;
        background-position: left;
        span{
          font-size: 15px;
          line-height: 40px;
          margin-left: 15px;
        }
      }
      .code_img{
        width: 100%;
        height: 78px;
        padding-bottom: 20px;
        img{
          width: 20%;
          height: 100%;
          margin-left: 10px;
          margin-top: 10px;
        }
      }
    }
  }

</style>
<script>
  import headTop from '../header/Header.vue'

  export default {
    name: 'AboutUs',
    data () {
      return {}
    },
    components: {
      headTop
    }
  }
</script>
